<template lang='pug'>
.inter
  Bnner(:bnnerList="bnnerList" height="1.87rem")
  NavList(:navList="classify")
  GloFir(v-for="item in Listdata" :item="item" :width="'32%'" :flg="1")
</template>
 
<script>
import Bnner from '../../components/Bnner.vue'
import NavList from '../../components/NavList.vue'
import GloFir from '../../components/GloFir.vue'
export default {
  name: "vueName",
  data() {
    return {
      bnnerList:[],
      classify:[],
      Listdata:[]
    };
  },
  components:{
    Bnner,
    NavList,
    GloFir
  },
  methods:{
    getIntBnner(){
      this.$http.get('/ajaxdata/interin/bnner.json').then(({data})=>{
        this.bnnerList = data
      })
    },
    getclassify(){
      this.$http.get('/ajaxdata/interin/classify.json').then(({data})=>{
        this.classify = data
      })
    },
    getinterList(){
      this.$http.get('/ajaxdata/interin/interList.json').then(({data})=>{
        this.Listdata = data
      })
    }
  },
  mounted(){
    this.getIntBnner()
    this.getclassify()
    this.getinterList()
  }
};
</script>
 
<style scoped lang="sass">
.inter
  width: 100%
</style>